<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="shortcut icon" href="../images/logo_16x16.png">
    <link rel="stylesheet" href="../css/plugins/bootstrap.min.css">
    <link rel="stylesheet" href="../css/plugins/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../css/theme.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_399091_1s750bz73w61or.css">
    <script src="../scripts/plugins/rem.js"></script>
    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<!-- 因【SaaS面料平台页面】的tab初始化被隐藏，节点无法被加载，所以采用iframe -->
<div class="qs-swiper">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide slide-one">
                <div class="container">
                    <div class="row">
                        <div class="qs-swiper__title col-xs-7 col-sm-7 col-md-8 col-lg-5">
                            <h2 class="qs-swiper__title__h">面料扫描系统的应用</h2>
                            <p class="qs-swiper__title__p">利郎通过使用我们的面料扫描仪系统和面料展示系统方案解决了传统采集方式面料信息无法完整和真实的难题</p>
                            <div class="qs-swiper__title__btnpanel">
                                <a href="#" class="qs-swiper__title__btnpanel__btndetail">查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-two">
                <div class="container">
                    <div class="row">
                        <div class="qs-swiper__title col-xs-7 col-sm-7 col-md-8 col-lg-5">
                            <h2 class="qs-swiper__title__h">面料扫描系统的应用</h2>
                            <p class="qs-swiper__title__p">利郎通过使用我们的面料扫描仪系统和面料展示系统方案解决了传统采集方式面料信息无法完整和真实的难题</p>
                            <div class="qs-swiper__title__btnpanel">
                                <a href="#" class="qs-swiper__title__btnpanel__btndetail">立即注册</a>
                                <a href="#" class="qs-swiper__title__btnpanel__btndetail">查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-three">
                <div class="container">
                    <div class="row">
                        <div class="qs-swiper__title col-xs-7 col-sm-7 col-md-8 col-lg-5">
                            <h2 class="qs-swiper__title__h">面料扫描系统的应用</h2>
                            <p class="qs-swiper__title__p">利郎通过使用我们的面料扫描仪系统和面料展示系统方案解决了传统采集方式面料信息无法完整和真实的难题</p>
                            <div class="qs-swiper__title__btnpanel">
                                <a href="#" class="qs-swiper__title__btnpanel__btndetail">查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>

<script src="../scripts/plugins/jquery-1.9.1.min.js"></script>
<script src="../scripts/plugins/bootstrap.min.js"></script>
<script src="../scripts/plugins/swiper-3.4.2.jquery.min.js"></script>
<script>
    $(function () {
        var mySwiper = new Swiper('.swiper-container', {
            autoplay: 5000, //可选选项，自动滑动
            loop: true,
            pagination: '.swiper-pagination',
            paginationClickable: true
        })
    })
</script>
</body>
</html>